<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
            .oculto { display: none; }
            .visible { display: inline; }
            .vacio {border-color: blue;}
            .correcto {border-color: greenyellow;}
            .incorrecto {border-color: red;}
        </style>
		
        <script type="text/javascript" src ="validarFormulario.js"></script> 
		<script type="text/javascript" src ="ajax.js"></script>
		<script type="text/javascript" src ="cookie.js"></script> 
		<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> 
    </head>
    <body>
		<div id="reg">
        <div class="visible" id="formulario" action="aplicacion.html">
            <form id="form1">
			<table width="412"><tr>
            <td colspan="3"><h2>REGISTRO DE NUEVO 	 USUARIO</h2></td>
                <tr><td>Nick:</td><td><input class="vacio" type="text" id="nick" onchange="showHint('existe');"></td>
				<td><div class="oculto" id="existe"></div><br /></td></tr>
				<tr><td>Contraseña:</td><td><input class="vacio" type="password" id="pwd1" onblur="validarContrasena1('larga')"></td><td><div class="oculto" id="larga"></div><br /></td></tr>
				<tr><td>Retite Contraseña:</td><td><input class="vacio" type="password" id="pwd2" onblur="validarContrasena2('ok')"></td><td><div class="oculto"  id="ok"></div><br /></td></tr>
                <tr><td>Nombre:</td><td><input class="vacio" type="text" id="nombre" onblur="validarNombre()"><br /></td></tr>
                <tr><td>Apellido:</td><td><input class="vacio" type="text" id="apellido" onblur="validarApellido()"><br /></td></tr>
                <tr><td>Telefono:</td><td><input class="vacio" type="text" id="telefono" onblur="validarTelefono()"><br /></td></tr>
                <tr><td>Email:</td><td><input class="vacio" type="text" id="email" onblur="validarEmail()"><br /></td></tr>
                <tr><td>Dni:</td><td><input class="vacio" type="text" id="dni" onblur="validarDni()"><br /></td></tr>
					
				<tr><td>Direccion:</td><td><select id="numero" onchange="direccion('txtHint')">
				<option value=" "></option>
				<option value="0">1</option>
				<option value="1">2</option>
				<option value="2">3</option>
				</select>
				<!--<input type="text" onChange="showHint('txtHint')" id="numero" size="5"/><br />-->
				<div id="txtHint">
	
				</div>
				<div id="texto">
				</div>
				</td><td></td></tr>
                <!--Direccion:<input class="vacio" type="text" id="direccion" onblur="validarDireccion()"><br />-->
                <tr><td>Fecha de nacimiento:</td><td><input class="vacio" type="text" id="fecha" onblur="validarFecha()"></td><td>(dd/mm/aaaa)<br /></td></tr>
                <tr><td><input class="oculto" id="boton" type="button" value="Enviar" onclick="escribir('mensaje');"><!--form = document.getElementById('formulario');
  form.className='oculto'; form1 = document.getElementById('form'); form1.className='visible';">--></td><td></td></tr></table>
		</form>
			 <!--<form action="validarformulario.html" id="form1" class="oculto">
				<p>	TE HAS REGISTRADO</p>
				<input  type="submit" id="boton" value="volver">
			 </form>-->
				
            
			
        </div>
		
		<div id="mensaje">
		</div>
		</div>
    </body>
</html>
